<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon"  type="image/x-icon"  href= @{'/public/images/images_sites/favicon.ico'} >

<title>Insert title here</title>

<script type="text/javascript">
function recarregarPai(){
	parent.document.location.reload();
}
</script>

</head>
<body onunload=recarregarPai()>
  <center> <div id="container">
   <div class="titulo">
    <h1> Donuts Mania - Detalhes do produto</h1>
   </div>
     <img src = ${imagem} width="128px" height="128px">
     <div id="descricao">
        Sabor: ${sabor}<br>
        Preco: ${preco}<br>
     </div>
        <div>
           <form action=@{Application.adicionarDonutCarrinho()} method="GET" }>
             <label for="quantidade">Quantidade</label>
             <input type="text" id="quantidade" name="quantidade" value= ${quantidade}>
             <input type="hidden" id="sabor" name="sabor" value= ${sabor}>
             <input type="submit" id="submter" value="Adicionar ao carrinho">
          </form>
        
     </div>
   
   </div>
   </center>

</body>
</html>